<template>
	<div class="titlename">
		<i :class="navnum.icon"></i><p>{{navnum.name}}</p>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		},
		props:['navnum'],
		mounted(){
			console.log(this.navnum)
		}
	}
</script>

<style lang="scss" scoped>
	.titlename{
		width:100%;
		height:109px;
		display:flex;
		justify-content: center;
		align-items: center;
		color:#FF7819;
		margin-bottom:50px;
		border-bottom:1px solid #FF7819;
		font-size:20px;
		i{
			display:flex;
			justify-content: center;
			align-items: center;
			margin-top:3px;
			margin-right:5px;
			font-size:25px;
		}
	}
</style>